<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="base.jsp"%>

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/bootstrap.css" />
	<link rel="stylesheet" href="js/bootstrap.min.js" />
	<link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="js/google-code-prettify/prettify.css" rel="stylesheet">
	<link rel="shortcut icon" href="img/logo.jpg">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
	
	
	<script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/google-code-prettify/prettify.js"></script>
    <script type="text/javascript" src="js/bootstrap-transition.js"></script>
    <script type="text/javascript" src="js/bootstrap-alert.js"></script>
    <script type="text/javascript" src="js/bootstrap-modal.js"></script>
    <script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
    <script type="text/javascript" src="js/bootstrap-scrollspy.js"></script>
    <script type="text/javascript" src="js/bootstrap-tab.js"></script>
    <script type="text/javascript" src="js/bootstrap-tooltip.js"></script>
    <script type="text/javascript" src="js/bootstrap-popover.js"></script>
    <script type="text/javascript" src="js/bootstrap-button.js"></script>
    <script type="text/javascript" src="js/bootstrap-collapse.js"></script>
    <script type="text/javascript" src="js/bootstrap-carousel.js"></script>
    <script type="text/javascript" src="js/bootstrap-typeahead.js"></script>
    <script type="text/javascript" src="js/bootstrap-affix.js"></script>
    <script type="text/javascript" src="js/application.js"></script>
	<style type="text/css">
		.navbar{
			background-color:#999999;
		
		}
		body{
			background-color:#F3F1EC;
		
		}
		#header{
			background:#F0F5F8;
			border: 1px solid #DADEE5;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			margin: 0;
			padding: 15px 30px;
		}
		#note{
			padding-bottom: 1em;
			position: relative;
			width: 698px;
			height:700px;
			float: left;
		
			border: 1px solid #DADEE5;
			border-top:none;
			margin:0px;
		
		}
		
		#left{
			padding-top:10px;
		}
		
		.getstart{
			background-color: #FFFAE7;
			border: 1px solid #CCCCCC;
			border-radius: 3px 3px 3px 3px;
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
			margin-top: 27px;
			padding: 12px;
			text-align: center;
			margin-left:67px;
			
		
		}
		.blank{
			
			text-align: center;
			width: 100%;
		
			
		}
	</style>
</head>
<body>
	<div id="container"> 
		<%@ include file="top.jsp"%>
		<div id="content">
			<div id="left" class="span3">
				<jsp:include page="lefttop.jsp">
					<jsp:param value="deal" name="tag"/>
				</jsp:include>
				<%@ include file="leftdown.jsp" %>
			
			</div>
			<div class="span9"  style="border:1px solid #DADEE5; min-height:600px; background:#fff;position:relative;">
				<div class="photo" style="position:absolute;left:10px;top:10px;">
					<img src="img/apple-touch-icon-144-precomposed.png" alt="" />
				
				</div>
				<div style="position:absolute;left:200px;top:0px;">
					<div class="title" style="margin-top:15px;">
						<p>Track your proposals and bids.</p>
					</div>
					
					<div class="intro">
						Always know which proposals are pending, won, or lost. Add notes, attach proposals and contracts, and keep a log of any changes to the bid along the way. Know how much you've made from each customer. 
					</div>
					<div class="select" style="margin-top:20px;">
						<a class="btn btn-warning" href="adddeal.action">
							<i class="icon-plus"></i>Add your first deal
						</a>						
					</div>			
				</div>
				<div class="well" class="span9" style="margin-top:200px" >
					<c:forEach items="${deallist }" var="deal">
						<div>
						<div style="height:120px">
							<c:choose>
								<c:when test="${deal.moneytype=='$'}">
									<img src="img/coins.png"/>
									
								</c:when>
								<c:when test="${deal.moneytype=='￥'}">
									<img src="img/yuan.png"/>
									
								</c:when>
							</c:choose>
							<span style="position:relative;left:50px;top:-60px;font-size:20px;color:blue">
								<a href="toupdatedeal.action?dealid=${deal.id}">${deal.name }</a>
								
							</span>
							<br>
							<span style="position:relative;left:180px;top:-100px;font-size:18px">
							${deal.moneytype} ${deal.money }
							</span>
							<br><br>
							<span style="position:relative;left:180px;top:-100px;font-size:18px;color:#44A3E7">
							${deal.cont }
							</span>
							<br><br>
							<span style="position:relative;left:180px;top:-100px;font-size:18px">
							${deal.type }
							</span>
							
						</div>
						<hr>
					</div>
					</c:forEach>
					
					
			</div>
		
		</div></div>	
	</div>
	<script type="text/javascript">
			$(document).ready(function () {  
								
				$(".tip").tooltip();
			});  
	
	
	
	</script>




	
</body>
</html>